<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining an Interactive Bubble Graph widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
p.whs2 { margin-left:40px; }
p.whs3 { margin-left:0px; }
img_whs4 { border:none; width:681px; height:486px; border-style:none; }
ol.whs5 { list-style:decimal; }
p.whs6 { margin-left:80px; }
p.whs7 { margin-left:0px; font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs3 {margin-left:1pt; }";
  strNSS += "p.whs7 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating an Interactive Bubble Graph widget\nCreating an Interactive Bubble Graph widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating an Interactive Bubble Graph widget</h1>
<p>An Interactive Bubble Graph widget is a conventional bubble plot that 
 allows you to visualize the trends of three different metrics for a set 
 of attribute elements. The data structure for an interactive bubble graph 
 is very specific. At minimum, one attribute and three metrics are required. 
 In the bubble graph: </p>
<ul type="disc" class="whs1">
	
<li class=p><p>One bubble is displayed for each attribute element. 
 </p></li>
	
<li class=p><p>Each bubble's position on the X-axis represents the 
 value of the first metric. </p></li>
	
<li class=p><p>Each bubble's position on the Y-axis represents the 
 value of the second metric.</p></li>
	
<li class=p><p>The size of each bubble represents the value of the 
 third metric.</p></li>
</ul>
<p class="whs2"><span style="font-weight: bold;"><B>Note</B></span>: 
 To ensure that different groups of attribute elements are displayed as 
 different colored bubbles, you can add a fourth attribute above the first 
 three metrics on the columns.</p>
<p class="whs3"><img src="images/widget_bubble.gif" width="681px" height="486px" border="0" class="img_whs4"></p>
<p>The Interactive Bubble Graph is interactive, unlike a standard bubble 
 graph report. For example:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>Analysts can change which metric is displayed on which 
 axis. For example, in the widget shown above, the Profit Margin is displayed 
 on the X-axis (the horizontal axis) and the Minimum Revenue per Customer 
 on the Y-axis (the vertical axis). An analyst can switch the metrics, 
 so that the Profit Margin is shown on the Y-axis, and the Minimum Revenue 
 per Customer on the X-axis. </p></li>
	
<li class=p><p>Analysts can zoom into a section of the widget to enlarge 
 it. For example, he can draw a selection box (or lasso) around the cluster 
 of yellow bubbles, and enlarge that area of the widget, to focus on the 
 information for those cities. He can then return to the original view 
 of the widget.</p></li>
	
<li class=p><p>Analysts can drill into the components of a bubble to 
 see the underlying data within that bubble's data. For example, an analyst 
 can drill on a Region bubble (the parent attribute) down to bubbles that 
 represent different cities (child attributes) within that region. To drill 
 on a bubble in the bubble graph, the analyst clicks on any of the parent 
 attribute bubbles. In the image above, the green bubbles have been drilled 
 to their child attribute element bubbles. To enable drilling in the bubble 
 graph, the designer must add an additional attribute to the left of the 
 other attribute on the rows of the Grid/Graph that contains the widget. 
 </p></li>
	
<li class=p><p>Analysts can see a time-series animation that plots 
 the bubble values through time. To see this kind of animation, an analyst 
 must add a time slider to the widget and move the time slider or click 
 the animation play button. </p></li>
</ul>
<p class="whs2">To enable time series animation in the chart, 
 a designer must place an additional attribute at the left most Grid/Graph 
 row. If, in addition to time series analysis, the analyst is interested 
 in drilling, a designer must place an additional attribute in the rows 
 (for a total of 3 attributes in the rows). </p>
<h2>Data requirements for an Interactive Bubble Graph widget</h2>
<p>To successfully create a useful Interactive Bubble Graph widget that 
 can be used to analyze data, you must first correctly define the Grid/Graph. 
 To do this, you must place report objects such as attributes and metrics 
 on the Grid/Graph. The report objects and their placement on the Grid/Graph 
 determine whether the Interactive Bubble Graph widget can be successfully 
 generated and can display data in MicroStrategy Web. </p>
<p>The data requirements for a Interactive Bubble Graph widget are described 
 below: </p>
<ul>
<li class=p-Topic-Text-Bulleted><p class=Topic-Text-Bulleted><span 
 style="font-weight: bold;"><B>One attribute on the rows: </B></span>To enable 
 drilling on the bubble chart, add one additional attribute (a second attribute) 
 to the right of the attribute in the rows. This attribute must be a child 
 attribute of the parent attribute already on the rows. For detailed information 
 on this requirement, with an example, see 
<a href="Drilling_in_Bubble_widget.htm">Enabling 
 drilling in an Interactive Bubble Graph widget</a>.<br>

	<br>

	To enable time series animation, add one additional attribute (a second 
 attribute) to the leftmost side of the rows. &nbsp;In 
 Flash Mode or Interactive Mode in Web, you must also enable the time-series 
 analysis check box. For more information, see the MicroStrategy Web Help.<br>

	<br>

	To enable both drilling and time series animation, the Grid/Graph must 
 contain a total of three attributes.</p></li>
	
<li class=p-Topic-Text-Bulleted><p class=Topic-Text-Bulleted><span 
 style="font-weight: bold;"><B>At least three metrics on the columns</B></span>. 
 The first three metrics are displayed along the X-axis, Y-axis, and Z-axis, 
 in order from left to right, by default. For example, the metric on the 
 top of the columns is displayed on the X-axis. The Z-axis value determines 
 the size of the bubble. However, when viewing the widget, an analyst can 
 change which metric displays along each axis. &nbsp;</p></li>
</ul>
<p>An Interactive Bubble Graph widget does not need a separate selector 
 to allow a user to interact with it. However, you can use an Interactive 
 Bubble Graph widget as a selector. For an example and more information, 
 see 
<a href="Bubble_as_selector.htm">Using an Interactive Bubble Graph 
 widget as a selector</a>.</p>
<h2>To create an Interactive Bubble Graph widget</h2>
<ol type="1" class="whs5">
	
<li class=p><p class="whs3">Insert an Interactive Bubble 
 Graph widget into the document. For steps, see 
<a href="Insert_a_widget.htm">Inserting 
 a widget into a document</a>. </p></li>
	
<li class=p><p class="whs3">Add objects to the Grid/Graph 
 that contains the widget. To do this, from the Dataset Objects panel on 
 the left, select attributes and metrics and drag them on top of the widget, 
 using the following requirements:</p></li>
	<ol start="1" type="1" class="whs5">
		
<li style="list-style: lower-alpha;" type=a class=p><p class="whs3">Place 
 at least one attribute in the rows. To enable drilling on the bubble graph, 
 add one additional attribute to the left of the attribute in the rows. 
 For specific requirements to enable drilling, see 
<a href="Drilling_in_Bubble_widget.htm">Enabling 
 drilling in an Interactive Bubble Graph widget</a>.</p></li>
		
<li style="list-style: lower-alpha;" type=a class=p><p class="whs3">To 
 enable time series animation, add an additional attribute on the left 
 most side of the rows.</p></li>
		
<li style="list-style: lower-alpha;" type=a class=p><p class="whs3">Place 
 at least three metrics on the columns. The first three metrics are displayed 
 along the X-axis, Y-axis and Z-axis, in order from left to right, by default. 
 For example, the metric on the top of the columns is displayed on the 
 X-axis. The Z-axis value determines the size of the bubble. However, when 
 viewing the widget, an analyst can change which metric displays along 
 each axis.</p></li>
	</ol>
</ol>
<p class="whs6"><span style="font-weight: bold;"><B>Note</B></span>: 
 If you added a second attribute (to enable drilling) or a third attribute 
 (to enable time series analysis) to the Grid/Graph, you must enable drilling 
 and/or time series support in the widget.</p>
<ol start="3" type="1" class="whs5">
	
<li class=p><p class="whs3">View and test your results 
 by selecting<span style="font-weight: bold;"><B> Flash Mode</B></span> from the 
 <span style="font-weight: bold;"><B>Home </B></span>menu. </p></li>
</ol>
<ol start="4" type="1" class="whs5">
	<ul type="disc" class="whs1">
		
<li class=p><p class="whs3">If Flash Mode is not available, 
 you must make Flash Mode available in the document. For steps, see 
<a 
 href="Defining_available_display_modes.htm">Defining which display modes 
 are available to users</a>.</p></li>
	</ul>
</ol>
<p class="whs7"><span><B><span style="font-weight: bold;"><B>Related 
 topics</B></span></B></span></p>
<ul type="disc" class="whs1">
	
<li class=p><p class="whs3">
<a href="Flash_Mode.htm">Working 
 with documents in Flash Mode</a></p></li>
	
<li class=p>
<a href="Bubble_as_selector.htm">About using an Interactive 
 Bubble Graph widget as a selector</a></li>
	
<li class=p><p>
<a href="Analyze_data_in_Bubble.htm">Analyzing data 
 in an Interactive Bubble Graph Widget</a></p></li>
	
<li class=p><p>
<a href="Format_Bubble.htm">Formatting an Interactive 
 Bubble Graph widget </a></p></li>
	
<li class=p><p>
<a href="Drilling_in_Bubble_widget.htm">Enabling drilling 
 in an Interactive Bubble Graph widget</a></p></li>
	
<li class=p><p>
<a href="Bubble_time_series.htm">Enabling time series 
 animation in an Interactive Bubble Graph widget</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
